<%--
  Created by IntelliJ IDEA.
  User: 路♥克
  Date: 2017/12/4
  Time: 21:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="loginLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="loginLabel">登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">账号</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-8">
                        <button type="submit" style="width: 100%" class="button  button-highlight button" >立即登录</button>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-6 col-sm-6 text-right">
                        <a href="">忘记密码?</a><a id="registbtn" href="javascript:closelogin()" data-toggle="modal" data-target="#regist">没有账号，立即注册?</a>
                        <script>
                            $(document).on("click","#registbtn",function (){
                                $("#login").modal("hide");
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="regist" tabindex="-1" role="dialog" aria-labelledby="regist">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="RegistLabel">注册</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">手机号</label>
                        <div class="col-sm-10">
                            <%--<div class="input-group">--%>
                                <input type="text" class="form-control" placeholder="phone">
                                <%--<span class="input-group-btn">--%>
                                    <%--<button class="btn btn-default" type="button">获取验证码</button>--%>
                                <%--</span>--%>
                            <%--</div><!-- /input-group -->--%>
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="Password" class="col-sm-2 control-label">验证码</label>
                        <div class="col-sm-10">
                            <div class="input-group" style="width:50%;">
                            <input type="password"  class="form-control" id="validate" placeholder="validate">
                                <span class="input-group-btn" style="">
                                    <button class="btn btn-default" type="button">获取验证码</button>
                                </span>
                            </div><!-- /input-group -->
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="Password" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="Password" placeholder="Password">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="REPassword" class="col-sm-2 control-label">确认</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="REPassword" placeholder="RePassword">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-8">
                        <button type="submit" style="width: 100%" class="button  button-highlight button" >立即注册</button>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-6 col-sm-6 text-right">
                        <a href="javascript:closeregist(0)" id="logintbtn" data-toggle="modal" data-target="#login">已有账号，立即登录？</a>
                        <script>
                            $(document).on("click","#logintbtn",function (){
                                $("#regist").modal("hide");
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrap footer" >
    <div class="container">
        <div class="row">

            <div class="col-md-3">
                <ul class="list-unstyled text-left">
                    <li><h4>服务支持</h4></li>
                    <li><a href="#" class="text-muted">意见反馈</a></li>
                    <li><a href="#" class="text-muted">广告合作</a></li>
                    <li><a href="#" class="text-muted">网站建站</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <ul class="list-unstyled text-left">
                    <li><h4>联系方式</h4></li>
                    <li><p>主营：主要经营二类汽车维修（小型车)</p></li>
                    <li><p> 电话:(00) 222 666 444</p></li>
                    <li><p>联系: Facebook, Twitter</p></li>
                </ul>
            </div>
            <div class="col-md-6 pd-20 text-center" >
                <img src="images/address.png" alt="">
                <p class="mt-10"><a href="#" class="text-muted">地址：重庆市垫江县桂溪镇牡丹大道88号</a></p>
            </div>
        </div>
        <hr style="border-top: 1px solid #eaeaea;"/>
        <div class="row">
            <div class="col-md-12 text-center">
                <span class="text-muted">${Application["siteConfig"].siteCopyRight}</span>
            </div>
        </div>
    </div>
</div>
